<template>
<div>
  <Menu></Menu>
  <Div class="address">
    <Div class="successorder">
      <div class="successmsg">
        <p>
          <img src="../assets/img/suc.png" />
        </p>
        <p>付款成功</p>
        <p>您很快就会收到一封包含订单号的确认电子邮件</p>
      </div>
      <div>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L">
              <img src="../assets/img/banner.png" />
              <div class="spnum">1</div>
            </div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
        </ul>
        <ul class="shopbot">
          <li class="shop1">
            <div class="shop1L">
              <img src="../assets/img/banner.png" />
              <div class="spnum">1</div>
            </div>
            <div class="sop1R">
              <p class="shopaname">商品名称</p>
              <p class="shopades">商品名称</p>
            </div>
          </li>
          <li class="shop2">￥1.00</li>
        </ul>
      </div>
      <p style="padding-top: 10px">
        <a href class="jixu">继续购物</a>
        <a class="chakan">查看订单</a>
      </p>
    </Div>
  </Div>
  <Footer></Footer>
  </div>
</template>>

<script>
import Menu from './Menu'
import Footer from './Footer'
export default {
   components: {Menu,Footer},
    methods:{}
};
</script>>

<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_productsuccessful.less);
}
    @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_productsuccessful.less);
}
</style>